<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <style>
    html,body,#map {
      height: 100%;
    }
    #map {
      background: pink;
    }
  </style>

  <title>一个最简单的例子</title>
  <link rel="stylesheet" href="../library/ol/ol.css">
  <link rel="stylesheet" href="../css/common.css">
</head>
<body>
  <div id="map" class="map"></div>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
  <script src="../library/ol/ol-debug.js"></script>
  <script src="./js/common.js"></script>
  <script>
    var map = new ol.Map({
      target: 'map',
      layers: [
        new ol.layer.Tile({
          source: new ol.source.OSM()
        })
      ],
      view: new ol.View({
        center: ol.proj.fromLonLat([37.41, 8.82]),
        zoom: 8
      })
    });
  </script>
</body>
